<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>携程</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body class="body">
    <!-- 头部区域 -->
    <div class="header">
        <div class="wrapper">
            <div class="logo"> <h1><a href="">携程</a></h1></div>
            <div class="nav"><ul>
                <li><a href="" class="active">旅游</a></li>
                <li><a href="" >酒店</a></li>
                <li><a href="">讨论区</a></li>
            </ul></div>
            <div class="search">
                <input type="text" placeholder="请输入关键字">
                <a href=""></a>
            </div>
            <div class="user">
                <a href="">
                    <img src="./uploads/user.png" alt="">
                    <span>微笑鱼</span>
                </a>
            </div>
        </div>
    </div>
    <div class="Banner">
        <div class="wrapper">
            <div class="left">
                <ul>
                    <li><a href="">热门推荐</a></li>
                    <li><a href="">云南/贵州</a></li>
                    <li><a href="">海南/福建</a></li>
                    <li><a href="">东北</a></li>
                    <li><a href="">港澳台</a></li>
                    <li><a href="">国内其他</a></li>
                    <li><a href="">亚洲</a></li>
                    <li><a href="">欧洲/美洲</a></li>
                    <li><a href="">非洲/大洋洲</a></li>
                </ul>
            </div>
            <div class="right">
                <h3>我的行程</h3>
                <div class="content">
                    <dl>
                        <dt>嘉兴体验馆</dt>
                        <dd><span>红船启梦，心游嘉兴</span></dd>
                    </dl>
                    <dl>
                        <dt>巴厘岛</dt>
                        <dd><span>巴厘岛 之行的回忆村</span></dd>
                    </dl>
                    <dl>
                        <dt>成都</dt>
                        <dd><span>成都在做，人间烟火</span></dd>
                    </dl>
                    <a href="">全部旅程</a>
                </div>
            </div>
        </div>
    </div>
    <div class="recommend">
        <div class="wrapper">
            <div class="recommendheader">
                <h3>精品推荐</h3>
                <a  href="" class="more">查看全部</a>
            </div>
            <div class="course">
             <ul>
                <li><a href="">
                    <div class="pic"><img src="./uploads/course01.jpg" alt=""></div>
                    <div class="text">
                        <h4>黄山风景区3日2晚跟团游</h4>
                        <p><span>3钻</span>·1125出游</p>
                    </div>
                    
                </a></li>
                <li><a href="">
                    <div class="pic"><img src="./uploads/course02.jpg" alt=""></div>
                    <div class="text">
                        <h4>杭州+乌镇3日2晚跟团游</h4>
                        <p><span>4钻</span>·2726出游</p>
                    </div>
                </a></li>
                <li><a href="">
                    <div class="pic"><img src="./uploads/course03.jpg" alt=""></div>
                    <div class="text">
                        <h4>南京3日2晚跟团游</h4>
                        <p><span>3钻</span>·9456出游</p>
                    </div>
                </a></li>
                <li><a href="">
                    <div class="pic"><img src="./uploads/course04.jpg" alt=""></div>
                    <div class="text">
                        <h4>南京+扬州3日2晚跟团游</h4>
                        <p><span>3钻</span>·7192出游</p>
                    </div>
                </a></li>
                <li><a href="">
                    <div class="pic"><img src="./uploads/course05.jpg" alt=""></div>
                    <div class="text">
                        <h4>杭州+西湖2日1晚跟团游</h4>
                        <p><span>5钻</span>·2073出游</p>
                    </div>
                </a></li>
                <li><a href="">
                    <div class="pic"><img src="./uploads/course06.jpg" alt=""></div>
                    <div class="text">
                        <h4>千岛湖3日2晚跟团游</h4>
                        <p><span>3钻</span>·2841出游</p>
                    </div>
                    
                </a></li>
                <li><a href="">
                    <div class="pic"><img src="./uploads/course07.jpg" alt=""></div>
                    <div class="text">
                        <h4>西塘乌镇3日2晚跟团游</h4>
                        <p><span>5钻</span>·95682出游</p>
                    </div>
                </a></li>
                <li><a href="">
                    <div class="pic"><img src="./uploads/course08.jpg" alt=""></div>
                    <div class="text">
                        <h4>日照3日2晚跟团游</h4>
                        <p><span>3钻</span>·904出游</p>
                    </div>
                </a></li>
                <li><a href="">
                    <div class="pic"><img src="./uploads/course09.jpg" alt=""></div>
                    <div class="text">
                        <h4>西递宏村3日2晚跟团游</h4>
                        <p><span>5钻</span>·1516出游</p>
                    </div>
                   
                </a></li>
                <li><a href="">
                    <div class="pic"><img src="./uploads/course10.jpg" alt=""></div>
                    <div class="text">
                        <h4>庐山3日2晚跟团游</h4>
                        <p><span>3钻</span>·2766出游</p>
                    </div>
                    
                </a></li>
             </ul>
            </div>
        </div>
        

    </div>
    <div class="footer">
        <div class="wrapper">
            <div class="left"> 
                <a href="" class="logo"></a>
                <div class="text">
                    中国年轻一代用的更多的旅游网站上亿旅游者共同打造的“旅游神器”60，000多个
                    全球旅游目的地600，000个细分目的地新玩法760，000，000次攻略下载38，8000家
                    旅游产品供应商
                </div>
                <a href="" class="download">下载App</a>
            </div>
            <div class="right">
                <div class="introduce">
                    <h3>关于旅游网</h3>
                   <ul>
                    <li><a href="">联系我们</a></li>
                    <li><a href="">服务协议</a></li>
                    <li><a href="">隐私政策商标声明</a></li>
                    <li><a href="">帮助</a></li>
                   </ul>
                </div>
                <div>
                    <h3>新手指南</h3>
                   <ul>
                    <li><a href="">如何注册</a></li>
                    <li><a href="">旅游服务</a></li>
                    <li><a href="">旅游攻略</a></li>
                    <li><a href="">酒店预订</a></li>
                    <li><a href="">旅游指南</a></li>
                   </ul>
                </div>
            </div>
           
        </div>
        
    </div>
    
</body>
</html>